HTML & CSS Full Course - Beginner to Pro

299K subscribers

6,741,387 views Feb 5, 2022 1. Tutorials

Certificates are now available! https://courses.supersimple.dev/cours... 🎓 Enroll to get a Certificate of Completion and an elevated learning experience (breakdown into smaller videos covering specific topics, ad-free content, and progress tracking). ✅ Don't worry if you're halfway through the course or finished the course, you can skip the lessons you already finished and take the final test to get your Certificate. ❤️ Thanks for supporting SuperSimpleDev! In this full course, we learn how to build websites with HTML and CSS, and get started as a software engineer. Exercise solutions: https://supersimple.dev/courses/html-... Copy of the code: https://supersimple.dev/courses/html-... HTML and CSS reference: https://supersimple.dev/html Lessons: 0:00 Intro 1:02 1. HTML Basics 17:42 2. CSS Basics 44:39 3. Hovers, Transitions, Shadows 1:03:10 4. Chrome DevTools & CSS Box Model 1:17:30 5. Text Styles 1:52:18 6. The HTML Structure 2:11:08 7. Images and Text Boxes 2:25:42 8. CSS Display Property 2:34:58 9. The div Element 2:46:55 10. Nested Layouts Technique 3:16:58 11. CSS Grid 3:43:58 12. Flexbox 4:15:21 13. Nested Flexbox 4:44:36 14. CSS Position 5:07:14 15. Position Absolute and Relative 5:33:49 16. Finish the Project 6:07:46 17. More CSS Features 6:30:21 Outro Additional Information: This HTML CSS full course is a series of HTML CSS tutorials, teaching the major skills that we need to create complex websites. Each HTML CSS tutorial builds on a project and provides some HTML CSS exercises to practice what we learned. By the end, we'll learn the basics of web development and we'll be on our way to becoming a web developer and software engineer. #htmltutorial #csstutorial #htmlcssfullcourse #html #css #tutorial #fullcourse #course #htmltutorial #csstutorial #htmlcsstutorial #htmlfullcourse #cssfullcourse #webdevelopment #advancedhtmltutorial #advancedcsstutorial #coding #codingtutorial #softwareengineer #softwareengineering #learntocode #supersimpledev

Intro

1. HTML Basics

2. CSS Basics

3. Hovers, Transitions, Shadows

4. Chrome DevTools & CSS Box Model

5. Text Styles

6. The HTML Structure

7. Images and Text Boxes

Featured playlist

Transcript

Follow along using the transcript.

SuperSimpleDev

299K subscribers

Show less

8,596 Comments

Add a comment...

Pinned by SuperSimpleDev

@SuperSimpleDev

Hey everyone, certificates are now available for this course! https://courses.supersimple.dev/courses/html-css

Enroll to get a Certificate of Completion and an elevated learning experience (breakdown into smaller videos covering specific topics, ad-free content, and progress tracking).

Don't worry if you're halfway through the course or finished the course, you can skip the lessons you already finished and take the final test to get your Certificate.

Thanks for supporting SuperSimpleDev. Your support helps me continue to focus on producing high-quality educational videos.

·

@aubreyhart4333

For those contemplating diving into a 6hr course...DO IT. His basic & foundational HTML/CSS explanations are in a league of it's own! This course is an amazing combination of audio and visual learning. You will not regret investing your time into this tutorial!!

·

@Earth_Being

8 days ago (edited)

Finally someone who teaches so normal humans can understand. Without suddenly bashing with unnecessary load of information, without using way too unnecessary technical words as if every viewer is a CS master. I'm starting this journey, thank you for bringing my confidence back

Edit: 2 days & I'm done with the course. It can sound exaggerating but this single video restored my confidence to enter the domain I always dreamt of working but was holding back bcz of fear of not understanding complex concepts. This is just a beginning, a long way to go from here, but atleast START was fantastic. Thank you buddy

Read more

@cabutemarkjosuahj5570

Day 1: 1:17:39 Day 2: 2:25:37 Day 3: 3:16:49 Day 4: 4:15:11 Day 5: 5:07:15 Day 6: Finished the entire course I am very much thankful for the tutorial you've provided in this platform. This had helped me in a lot of ways. Back then, I'm having a hard time centering elements and some stuff involving css. I'm frustrated and I'm telling you I literally sucks at this. I googled everything so bad even the basic ones you could think of. But, as I finished this course, I'll be leaving with much knowledge having a great foundation in regard to html and css. In the future, I might be a successful web developer, and I owe it to you all. Again, thank you very much :))

Read more

·

@SlickNik305

I'm 51 minutes in, and this is the EXACT teaching style I learn best from. I'm about to begin a bootcamp in Full Stack and this is a godsend! I love how you explain everything right down to its detail and in the most simplistic way. Thank you!

·

@mehulantony2357

This is such a well structured and easy to follow course. The addition of exercises at the end of each section reinforces the important concepts and makes you feel confident while solving them. Thank you for providing such a valuable and informative learning experience Simon!

·

@taki-kun2650

I am currently watching this video, and in just 2 hours of watching this course, I learned so many things that will help me create my own website. I just want to thank you guys—all of you who teach programming on YouTube for free. It saves us a lot of time and helps us learn more quickly than what we can learn at school. Keep it up and I hope you teach more students who aspire to become a programmers in the future

·

@martapfahl940

I wanted to say THANK YOU I got my first web dev job! I started 9 months ago with this course and now I made a portfolio based on React Typescript projects and will start into my first frontend engineer job in July =) Believe in yourself guys! You can make it!

·

@kurtmitchellouano3439

This course beats most of the paid courses I have found. The pace and explanation are very incredible! He also tacked most of the most important css and html topics. Thank you so much!!

@alexpopowski1318

I just want to tell you how grateful I am that you made this course. It's such a perfect pace and you're very thorough without being complex.

@BlueHat1

2 weeks ago (edited)

I'm speechless at how well-made this is. You made eveything very easy to understand. Truly one of the best courses I've ever taken. Great Job

@mheidari988

As an experianced backend developer with limited exposure to front-end development, I view this jurney as the starting point of my transition into becoming a proficient full-stack web developer. Without a doubt, this is one of the most well-structured and comprehensive courses I have encountered in these subjects.

·

@moofieman8209

Wow, Simon! You have created a juggernaut of a course here. The information is sooooo well set out, concise and uncomplicated. You are a natural teacher and such a good human being for taking the time to educate people on this platform. I just finished the course today and am going to spend the next few weeks doing the other websites. Then I'll get into your Javascript course, as it will compliment the HTML/CSS skills. I thoroughly recommend this video to anyone wanting to learn HTML/CSS and start designing websites, or even just demystify the way websites are built. You can't go wrong with this video - it's completely engaging and produces visible results from lesson 1. The learning builds steadily from there, until you have rebuilt the YouTube page (no mean feat). So, good on you Simon.

Read more

@IA-kc4bk

1 year ago (edited)

Bro your channel is so good and underrated. I've watched many HTML, CSS, JavaScript courses on YouTube and this is by far one of the best if not the best I've ever come across. The way you explain, the way you give exercises throughout, the notes/diagrams on screen and much more. I was shocked when I realised you only have 8k subscribers, I just assumed you were one of those channels with a few hundred thousand

seriously great stuff, keep it up!

·

@mohamedmagdy5586

This is the best free online course for HTML and CSS. It helps you learn in a practical manner, not just by explaining the features and properties but also through hands-on practice. Additionally, I appreciate the instructor's teaching style.

@ayushpatel8670

I love the way u give exercises after each concept we've learned . Most tutorials doesn't give exercises and this really help to implement the things we've learned. Thank u so much!!

@flywittzbeats4008

2 months ago (edited)

This teaching style makes me feel so warm and cozy haha. All my anxiety has been relieved and I just can’t wait to get through this whole thing. You and David Malan are both on another level of teaching. Huge love

@anasibrahimi2306

The inclusion of simple exercises at the end of every topic is something every teacher should include in the course he or she tries to teach.

@user-tp5me6yy9k

Can't express how grateful I am. I really enjoyed all the hours watching and learning from this awesome course! I actually consider studying something involving programming too.

@danicacalma6687

1 year ago (edited)

Day 01: 1:17:30 Day 02: 2:25:43 Day 03: 3:16:48 Day 04: 3:59:56 Day 05: 4:25:50 Day 06: 05:07:12 Day 07: Finished! It was really worth it and I've learned a lot in one week! Thank you so much and more tutorials like this to come <3

Read more

Intro

1. HTML Basics

2. CSS Basics

3. Hovers, Transitions, Shadows

4. Chrome DevTools & CSS Box Model

5. Text Styles

6. The HTML Structure

7. Images and Text Boxes

8. CSS Display Property

9. The div Element

10. Nested Layouts Technique

11. CSS Grid

12. Flexbox

13. Nested Flexbox

14. CSS Position

15. Position Absolute and Relative

16. Finish the Project

17. More CSS Features

Outro

HTML & CSS Full Course - Beginner to Pro

SuperSimpleDev

146K

Likes

6,741,387

Views

2022

Feb 5

Certificates are now available! https://courses.supersimple.dev/cours... 🎓 Enroll to get a Certificate of Completion and an elevated learning experience (breakdown into smaller videos covering specific topics, ad-free content, and progress tracking). ✅ Don't worry if you're halfway through the course or finished the course, you can skip the lessons you already finished and take the final test to get your Certificate. ❤️ Thanks for supporting SuperSimpleDev! In this full course, we learn how to build websites with HTML and CSS, and get started as a software engineer. Exercise solutions: https://supersimple.dev/courses/html-... Copy of the code: https://supersimple.dev/courses/html-... HTML and CSS reference: https://supersimple.dev/html Lessons: 0:00 Intro 1:02 1. HTML Basics 17:42 2. CSS Basics 44:39 3. Hovers, Transitions, Shadows 1:03:10 4. Chrome DevTools & CSS Box Model 1:17:30 5. Text Styles 1:52:18 6. The HTML Structure 2:11:08 7. Images and Text Boxes 2:25:42 8. CSS Display Property 2:34:58 9. The div Element 2:46:55 10. Nested Layouts Technique 3:16:58 11. CSS Grid 3:43:58 12. Flexbox 4:15:21 13. Nested Flexbox 4:44:36 14. CSS Position 5:07:14 15. Position Absolute and Relative 5:33:49 16. Finish the Project 6:07:46 17. More CSS Features 6:30:21 Outro Additional Information: This HTML CSS full course is a series of HTML CSS tutorials, teaching the major skills that we need to create complex websites. Each HTML CSS tutorial builds on a project and provides some HTML CSS exercises to practice what we learned. By the end, we'll learn the basics of web development and we'll be on our way to becoming a web developer and software engineer. #htmltutorial #csstutorial #htmlcssfullcourse #html #css #tutorial #fullcourse #course #htmltutorial #csstutorial #htmlcsstutorial #htmlfullcourse #cssfullcourse #webdevelopment #advancedhtmltutorial #advancedcsstutorial #coding #codingtutorial #softwareengineer #softwareengineering #learntocode #supersimpledev

Intro

1. HTML Basics

2. CSS Basics

3. Hovers, Transitions, Shadows

Featured playlist

Transcript

Follow along using the transcript.

SuperSimpleDev

299K subscribers